<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>报价详情页</title>
		<script type="text/javascript" src="../plug-in/mutiLang/zh-cn.js"></script>
		<script type="text/javascript" src="../plug-in/jquery/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="../plug-in/"></script>
		<script type="text/javascript" src="../plug-in/tools/dataformat.js"></script>
		<link id="easyuiTheme" rel="stylesheet" href="../plug-in/easyui/themes/default/easyui.css" type="text/css"></link>
		<link rel="stylesheet" href="../plug-in/easyui/themes/icon.css" type="text/css"></link>
		<link rel="stylesheet" type="text/css" href="../plug-in/accordion/css/accordion.css">
		<script type="text/javascript" src="../plug-in/easyui/jquery.easyui.min.1.3.2.js"></script>
		<script type="text/javascript" src="../plug-in/easyui/locale/zh-cn.js"></script>
		<script type="text/javascript" src="../plug-in/tools/syUtil.js"></script>
		<script type="text/javascript" src="../plug-in/easyui/extends/datagrid-scrollview.js"></script>
		<script type="text/javascript" src="../plug-in/My97DatePicker/WdatePicker.js"></script>
		<link rel="stylesheet" href="../plug-in/tools/css/common.css" type="text/css"></link>
		<script type="text/javascript" src="../plug-in/lhgDialog/lhgdialog.min.js"></script>
		<script type="text/javascript" src="../plug-in/tools/curdtools_zh-cn.js"></script>
		<script type="text/javascript" src="../plug-in/tools/easyuiextend.js"></script>
		<script type="text/javascript" src="../plug-in/jquery-plugs/hftable/jquery-hftable.js"></script>
		<link rel="stylesheet" href="../plug-in/jquery/jquery-autocomplete/jquery.autocomplete.css" type="text/css"></link>
		<script type="text/javascript" src="../plug-in/jquery/jquery-autocomplete/jquery.autocomplete.min.js"></script>

	</head>

	<body>
		<div style="margin-bottom:10px;">
			<img style="margin-bottom:-7px" src="../plug-in/login/images/dispatch bill.png">
			<span class="list-title">BOE12541548764</span>
			<div style="position: absolute; text-align: center; width: 100%; margin-top:-20px;">
				<a href="#" class="easyui-linkbutton l-btn" id="submitBtn">报价</a>
				<a href="#" class="easyui-linkbutton l-btn" id="cancelPlan">关单</a>
			</div>
		</div>
		<div class="subtitle">
			<p>服务描述</p>
			<div><span style="font-weight: bold;">客户相关描述</span></div>
			<table class="nobordertable noborder">
				<tbody>
					<tr>
						<td class="al_r" width="20%">
							<label>委托方:</label>
						</td>
						<td width="30%">
							<input class="inputxt" />
						</td>
						<td class="al_r" width="20%">
							
						</td>
						<td width="30%">
							
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>服务来源:</label>
						</td>
						<td width="30%">
							<select>
								<option>HD新建</option>
								<option>现场补单</option>
							</select>							
						</td>
						<td class="al_r" width="20%">
							<label>故障照片:</label>
						</td>
						<td width="30%">
							<input type="file" class="inputxt" />
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>故障代码:</label>
						</td>
						<td width="30%">
							<select>
								<option>5800</option>
							</select>
						</td>
						<td class="al_r" width="20%">
							
						</td>
						<td width="30%">
							
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%" valign="top">
							<label >服务描述:</label>
						</td>
						<td colspan="3" class="color-hui">
							<textarea style="height:60px; width: 500px;"></textarea>
						</td>

					</tr>

				</tbody>
			</table>
			<div class="line"></div>
			<div><span style="font-weight: bold;">400预判断</span></div>
			<table class="nobordertable noborder">
				<tbody>
					<tr>
						<td class="al_r" width="20%">
							<label>服务类型:</label>
						</td>
						<td width="30%">
							<select style="width:auto;">
								<option>故障维修</option>
							</select>
							<select style="width: auto;">
								<option>普通维修</option>
							</select>
						</td>
						<td class="al_r" width="20%">
							<label>是否特批:</label>
						</td>
						<td width="30%">
							<input type="checkbox" />
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>故障分类:</label>
						</td>
						<td width="30%">
							<select style="width:auto;">
								<option>启动问题</option>
							</select>
							<select style="width: auto;">
								<option>无法启动</option>
							</select>
						</td>
						<td class="al_r" width="20%">
							<label>是否HD关单:</label>
						</td>
						<td width="30%">
							<input type="checkbox" />
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>关键备件故障:</label>
						</td>
						<td width="30%">
							<select style="width:auto;">
								<option>引擎</option>
							</select>
							<select style="width: auto;">
								<option>测试图存在均匀横条纹</option>
							</select>
						</td>
						<td class="al_r" width="20%">
							<label>上传特批文件:</label>
						</td>
						<td width="30%">
							<input type="file" />
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>级别:</label>
						</td>
						<td width="30%">
							<select>
								<option>p1</option>
								<option>p2</option>
								<option>p3</option>
							</select>
						</td>
						<td class="al_r" width="20%">
							<label>特殊案例标记:</label>
						</td>
						<td width="30%">
							<select>
								<option>无</option>
								<option>激光击穿</option>
								<option>光路污染</option>
								<option>导光柱灼烧</option>
								<option>灯箱粘连</option>
								<option>阴阳极适配器烧毁</option>
								<option>设备进水</option>
							</select>
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%" valign="top">
							<label >400预判断:</label>
						</td>
						<td colspan="3" class="color-hui">
							<textarea style="height:60px; width: 500px;"></textarea>
						</td>

					</tr>

				</tbody>
			</table>
		</div>
		<div class="subtitle">
			<p>巴可内部处理</p>
			<table class="nobordertable noborder">
				<tbody>
					<tr>
						<td class="al_r" width="20%">
							<label>服务单状态:</label>
						</td>
						<td width="30%">
							<span class="color-red">HD已受理</span>
						</td>
						<td class="al_r" width="20%">
							<label>创单人:</label>
						</td>
						<td width="30%">
							李成
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>当前责任人:</label>
						</td>
						<td width="30%">
							李成&nbsp;<a href="" class="easyui-linkbutton l-btn" >转派</a>
						</td>
						<td class="al_r" width="20%">
							<label>关单人:</label>
						</td>
						<td width="30%">
							李成
						</td>
					</tr>
				</tbody>
			</table>
			<div style="width: 98%; margin: 0 auto; padding:5px 0px;"><span style="font-size:16px; font-weight: bold;">处理描述</span>&nbsp;&nbsp;&nbsp;<span>共1条</span>
				<a style="float: right; margin-top:4px;" class="color-blue">展开》</a>
			</div>
			<table class="ftable">
				<tr>
					<th>业务责任人</th>
					<th>时间</th>
					<th>处理描述</th>
					<th>附件</th>
				</tr>
				<tr>
					<td>xx</td>
					<td>xxxx</td>
					<td>xxxxxxx</td>
					<td>1223klj1l2jl1j.jpg</td>
				</tr>
			</table>
			<table class="nobordertable noborder">
				<tbody>
					<tr>
						<td class="al_r" width="20%" valign="top">
							<label>添加描述:</label>
						</td>
						<td colspan="2">
							<textarea style="width: 100%; height: 60px;"></textarea>
						</td>
						<td valign="top">
							<a href="" class="easyui-linkbutton l-btn" >追加</a>
						</td>
					</tr>
					<tr>
						<td></td>
						<td colspan="3">
							<input type="file" value="添加附件"/>&nbsp;&nbsp;<span class="color-blue">[删除]</span>
						</td>
					</tr>
				</tbody>
			</table>
			<div class="line"></div>
			<div style="width: 98%; margin: 0 auto; padding:5px 0px;"><span style="font-size:16px; font-weight: bold;">关联父子单</span>&nbsp;&nbsp;&nbsp;<span>共1条</span>
				<a style="float: right; margin-top:4px;" class="color-blue">展开》</a>
			</div>
			<table class="ftable">
				<tr>
					<th>服务单号</th>
					<th>服务类型</th>
					<th>故障分类</th>
					<th>服务状态</th>
					<th>服务商</th>
					<th>服务商处理进度</th>
					<th>创建时间</th>
				</tr>
				<tr>
					<td>CR1612120001-01</td>
					<td>故障维修》普通维修</td>
					<td>启动问题》无法启动</td>
					<td>服务中</td>
					<td>中仪</td>
					<td>第三方已派单</td>
					<td>2016-12-12 12：00：00</td>
				</tr>
			</table>
		</div>
		<div class="subtitle">
			<p>客户信息</p>
			<table class="nobordertable noborder">
				<tbody>
					<tr>
						<td class="al_r" width="20%">
							<label>联系人电话:</label>
						</td>
						<td width="30%">
							<input class="inputxt" />
							<a href="#" class="easyui-linkbutton" plain="true" icon="icon-reload"></a>
						</td>
						<td class="al_r" width="20%">
							<label>联系人邮箱:</label>
						</td>
						<td width="30%">
							<input class="inputxt" />
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>联系人姓名:</label>
						</td>
						<td width="30%">
							<input class="inputxt" />&nbsp;&nbsp;<span class="color-red">非微信</span>
						</td>
						<td class="al_r" width="20%">
							<label>QQ号码:</label>
						</td>
						<td width="30%">
							<input class="inputxt" />
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label class="color-org">提示:</label>
						</td>
						<td colspan="3" class="color-hui">
							该用户所属影院：中影小西天电影城。影城地址：北京市西城区新德街20号
						</td>

					</tr>

				</tbody>
			</table>
		</div>
		<div class="subtitle">
			<p>设备信息</p>
			<div class="wrap">
				<div class="tit" id="ct">
					<span class="select">放映机信息</span>
					<span>服务器信息</span>

				</div>
				<ul class="con" id="cl">
					<li class="show">
						<table class="nobordertable noborder">
							<tbody>
								<tr>
									<td class="al_r" width="20%">
										<label>设备序列号:</label>
									</td>
									<td width="30%">
										<input class="inputxt" />
										<a href="#" class="easyui-linkbutton" plain="true" icon="icon-reload"></a>
										<span class="color-blue">[设备详情]</span>
									</td>
									<td class="al_r" width="20%">
										<label>BP:</label>
									</td>
									<td width="30%">
										35000877
									</td>
								</tr>
								<tr>
									<td class="al_r" width="20%">
										<label>产品分类:</label>
									</td>
									<td width="30%">
										<select>
											<option>放映机</option>
											<option>服务器</option>
											<option>3D</option>
											<option>TMS</option>
											<option>Auro</option>
										</select>
									</td>
									<td class="al_r" width="20%">
										<label>BP描述:</label>
									</td>
									<td width="30%">
										中影金典
									</td>
								</tr>
								<tr>
									<td class="al_r" width="20%">
										<label>设备型号:</label>
									</td>
									<td width="30%">
										DP2K-23B
									</td>
									<td class="al_r" width="20%">
										<label>使用状态:</label>
									</td>
									<td width="30%">
										使用中
									</td>
								</tr>
								<tr>
									<td class="al_r" width="20%">
										<label>激光改造类型:</label>
									</td>
									<td width="30%">
										<select>
											<option>未光改</option>
											<option>光峰光改</option>
											<option>巴可光改</option>
											<option>其他</option>
										</select>
									</td>
									<td class="al_r" width="20%">
										<label>安装日期:</label>
									</td>
									<td width="30%">
										2016-01-12
									</td>
								</tr>
								<tr>
									<td class="al_r" width="20%">
										<label>是否异常:</label>
									</td>
									<td width="30%">
										否
									</td>
									<td class="al_r" width="20%">
										<label>保修期状态:</label>
									</td>
									<td width="30%">
										保内
									</td>
								</tr>
								<tr>
									<td class="al_r" width="20%">
										<label>设备备注:</label>
									</td>
									<td width="30%">
										巨幕设备
									</td>
									<td class="al_r" width="20%">
										<label>保修期起止时间:</label>
									</td>
									<td width="30%">
										2016-01-02~2016-02-12
									</td>
								</tr>

								<tr>
									<td class="al_r" width="20%">
										<label>版本信息:</label>
									</td>
									<td colspan="3">
										2016-01-22:放映机软件版本：V1.2.5;ICP/TI/ICMP软件版本:V1.2.2
									</td>

								</tr>
							</tbody>
						</table>
					</li>
					<li>
						<table class="nobordertable noborder">
							<tbody>
								<tr>
									<td class="al_r" width="20%">
										<label>设备序列号:</label>
									</td>
									<td width="30%">
										<input class="inputxt" />
										<a href="#" class="easyui-linkbutton" plain="true" icon="icon-reload"></a>
										<span class="color-blue">[设备详情]</span>
									</td>
									<td class="al_r" width="20%">
										<label>BP:</label>
									</td>
									<td width="30%">
										35000877
									</td>
								</tr>
								<tr>
									<td class="al_r" width="20%">
										<label>产品分类:</label>
									</td>
									<td width="30%">
										<select>
											<option>放映机</option>
											<option>服务器</option>
											<option>3D</option>
											<option>TMS</option>
											<option>Auro</option>
										</select>
									</td>
									<td class="al_r" width="20%">
										<label>BP描述:</label>
									</td>
									<td width="30%">
										中影金典
									</td>
								</tr>
								<tr>
									<td class="al_r" width="20%">
										<label>设备型号:</label>
									</td>
									<td width="30%">
										DP2K-23B
									</td>
									<td class="al_r" width="20%">
										<label>使用状态:</label>
									</td>
									<td width="30%">
										使用中
									</td>
								</tr>
								<tr>
									<td class="al_r" width="20%">
										<label>是否异常:</label>
									</td>
									<td width="30%">
										否
									</td>
									<td class="al_r" width="20%">
										<label>安装日期:</label>
									</td>
									<td width="30%">
										2016-01-12
									</td>
								</tr>
								<tr>
									<td class="al_r" width="20%">
										<label>设备备注:</label>
									</td>
									<td width="30%">
										巨幕设备
									</td>
									<td class="al_r" width="20%">
										<label>保修期状态:</label>
									</td>
									<td width="30%">
										保内
									</td>
								</tr>
								<tr>
									<td class="al_r" width="20%">
										<label>保修期起止时间:</label>
									</td>
									<td width="30%">
										2016-01-02~2016-02-12
									</td>
									<td class="al_r" width="20%">
										
									</td>
									<td width="30%">
										
									</td>
									
								</tr>

								<tr>
									<td class="al_r" width="20%">
										<label>版本信息:</label>
									</td>
									<td colspan="3">
										2016-01-22:放映机软件版本：V1.2.5;ICP/TI/ICMP软件版本:V1.2.2
									</td>

								</tr>
							</tbody>
						</table>
					</li>
				</ul>
			</div>
			<table class="nobordertable noborder">
				<tbody>
					<tr>

						<td class="al_r" width="20%">
							<label>影院名称:</label>
						</td>
						<td width="30%">
							<input /><span class="color-blue">&nbsp;&nbsp;[设备详情]</span>
						</td>
						<td class="al_r" width="20%">
							<label>院线:</label>
						</td>
						<td width="30%">
							<input />
							<a href="#" class="easyui-linkbutton" plain="true" icon="icon-search ">选择</a>
						</td>

					</tr>
					<tr>

						<td class="al_r" width="20%">
							<label>影院地址:</label>
						</td>
						<td colspan="3">
							<select style="width: auto;">
								<option>北京</option>
							</select>
							<select style="width:auto;">
								<option>北京市</option>
							</select>
							<input style="width: 300px;" />
						</td>
					</tr>
				</tbody>
			</table>
			<div class="line"></div>
			<div><span style="font-weight: bold;">SLA</span></div>
			<table class="nobordertable noborder">
				<tbody>
					<tr>

						<td class="al_r" width="20%">
							<label>服务器起止时间:</label>
						</td>
						<td width="30%">
							2016-01-02~2016-02-12
						</td>
						<td class="al_r" width="20%">
							<label>服务商:</label>
						</td>
						<td width="30%">
							中仪&nbsp;&nbsp;指定
						</td>

					</tr>
					<tr>

						<td class="al_r" width="20%">
							<label>年度巡检次数:</label>
						</td>
						<td width="30%">
							1次
						</td>
						<td class="al_r" width="20%">
							<label>工程师级别要求:</label>
						</td>
						<td width="30%">
							DCIC II
						</td>
					</tr>
					<tr>

						<td class="al_r" width="20%">
							<label>特别服务承诺:</label>
						</td>
						<td width="30%">
							XXXXXXXXXXXXX
						</td>
						<td class="al_r" width="20%">
							<label>巡检光路:</label>
						</td>
						<td width="30%">
							I
						</td>
					</tr>
					<tr>

						<td class="al_r" width="20%">
							<label>SLA增减项:</label>
						</td>
						<td width="30%">
							紧急报修：12小时恢复
						</td>
						<td class="al_r" width="20%">
							<label>是否含硬盘维修:</label>
						</td>
						<td width="30%">
							是
						</td>
					</tr>
				</tbody>
			</table>
			<div class="line"></div>
			<div class="wrap">
				<div class="tit" id="ct1">
					<span class="select">设备相关历史(3)</span>
					<span>影院相关历史(10)</span>
					<span>巡检相关历史(4)</span>
					<a style="float: right; margin-top:8px;" class="color-blue">展开》</a>
				</div>
				<ul class="con" id="cl1">
					<li class="show">
						<table class="ftable" >
					        <tbody>
						        <tr >
						            <th>服务单号</th>
						            <th>服务类型</th>
						            <th>故障分类</th>
						            <th>服务状态</th>
						            <th>服务商</th>
						            <th>服务商处理进度</th>
						            <th>创建时间</th>
						            <th>关单时间</th>
						        </tr>
						        <tr>
						        	<td>1CR1612120002</td>
						        	<td>故障维修》故障复现</td>
						        	<td>电子类》解码板</td>
						        	<td>服务中</td>
						        	<td>中仪</td>
						        	<td>第三方已派单</td>
						        	<td>2016-12-15 12：00：00</td>
						        	<td>2016-12-15 12：00：00</td>
						        </tr>
					       </tbody>
					    </table>
					</li>
					<li>
						<table class="ftable" >
					        <tbody>
						        <tr >
						            <th>服务单号</th>
						            <th>设备SN</th>
						            <th>服务类型</th>
						            <th>服务状态</th>
						            <th>服务商</th>
						            <th>服务商处理进度</th>
						            <th>创建时间</th>
						            <th>关单时间</th>
						        </tr>
						        <tr>
						        	<td>1CR1612120002</td>
						        	<td>5997068312</td>
						        	<td>电子类》解码板</td>
						        	<td>服务中</td>
						        	<td>中仪</td>
						        	<td>第三方已派单</td>
						        	<td>2016-12-15 12：00：00</td>
						        	<td>2016-12-15 12：00：00</td>
						        </tr>
					       </tbody>
					    </table>
					</li>
					<li>
						<table class="ftable" >
					        <tbody>
						        <tr >
						            <th>服务单号</th>
						            <th>状态</th>
						            <th>计划巡检月份</th>
						            <th>预约上门时间</th>
						            <th>服务商</th>
						            <th>工程师</th>
						            <th>实际巡检时间</th>
						        </tr>
						        <tr>
						        	<td>1CR1612120002</td>
						        	<td>第三方分配</td>
						        	<td>2017年12月</td>
						        	<td>2016-01-22</td>
						        	<td>中仪</td>
						        	<td>张XX</td>
						        	<td>2016-12-15</td>	
						        </tr>
					       </tbody>
					    </table>
					</li>
				</ul>
			</div>
		</div>
		
		<div class="subtitle">
			<p>第三方</p>
				<div style="height: 40px;line-height: 40px;padding-left:20px;">
					<div class="states" style="background-color: #FF6600; color:#fff"><span>HD待分派</span></div>
					<div class="triangle"></div>
					<div class="triangle_c_2" style="margin-left:10px;"></div>
					<div class="states" style="background-color: #E4E4E4; color : #999999;"><span>已分派第三方</span></div>
					<div class="triangle_2"></div>
					<div class="triangle_c_2" style="margin-left:10px;"></div>
					<div class="states" style="background-color: #E4E4E4; color : #999999;"><span>第三方已分配</span></div>
					<div class="triangle_2"></div>
					<div class="triangle_c_2" style="margin-left:10px;"></div>
					<div class="states" style="background-color: #E4E4E4; color : #999999;"><span>区域工程师已分配</span></div>
					<div class="triangle_2"></div>
					<div class="triangle_c_2" style="margin-left:10px;"></div>
					<div class="states" style="background-color: #E4E4E4; color : #999999;"><span>工程师接受</span></div>
					<div class="triangle_2"></div>
					<div class="triangle_c_2" style="margin-left:10px;"></div>
					<div class="states" style="background-color: #E4E4E4; color : #999999;"><span>工程师实施中</span></div>
					<div class="triangle_2"></div>
					<div class="triangle_c_2" style="margin-left:10px;"></div>
					<div class="states" style="background-color: #E4E4E4; color : #999999;"><span>服务已完成</span></div>
				</div>
			<table class="nobordertable noborder">
				<tbody>
					<tr>
						<td class="al_r" width="20%">
							<label>服务商名称:</label>
						</td>
						<td width="30%">
							<select>
								<option>华夏影联</option>
							</select>
						</td>
						<td class="al_r" width="20%">
							<label>负责人邮箱:</label>
						</td>
						<td width="30%">
							2222222@qq.com
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>责任人:</label>
						</td>
						<td width="30%">
							李成&nbsp;1844525652
						</td>
						<td class="al_r" width="20%">
							<label>工程师级别:</label>
						</td>
						<td width="30%">
							<select>
								<option>DCIC  2</option>
							</select>
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%" valign="top">
							<label>巴可400处理过程:</label>
						</td>
						<td width="30%">
							<textarea style="width: 100%;height: 60px;"></textarea>
						</td>
						<td class="al_r" width="20%" valign="top">
							<label>派单要求:</label>
						</td>
						<td width="30%">
							<textarea style="width: 100%;height: 60px;"></textarea>
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%" valign="top">
							<label>服务商处理时间:</label>
						</td>
						<td width="30%">
							3小时
						</td>
						<td class="al_r" width="20%" valign="top">
							
						</td>
						<td width="30%">
							
						</td>
					</tr>
				</tbody>
			</table>
			<div style="width: 98%; margin: 0 auto; padding:5px 0px;"><span style="font-size:16px; font-weight: bold;">附加任务</span>
			</div>
			<table class="ftable">
				<tr>
					<th>选择</th>
					<th>对象</th>
					<th>待办内容</th>
					<th>已分派次数</th>
					<th>已完成次数</th>
					<th>未完成次数</th>
				</tr>
				<tr>
					<td><input type="checkbox"/></td>
					<td>中影小西天</td>
					<td>检查所有厅温度</td>
					<td>4</td>
					<td>2</td>
					<td>4</td>
				</tr>
			</table>
			<div style="text-align: center; margin:10px 0;"><a href="" class="easyui-linkbutton l-btn" >派单</a></div>
		</div>
		<div class="subtitle">
			<p>备件申请</p>
			<div style="width: 98%; margin: 0 auto; padding:5px 0px;"><span style="font-size:16px; font-weight: bold;">备件申请1</span>
			</div>
			<table class="ftable">
				<tr>
					<th>备件申请单号</th>
					<th>备件类型</th>
					<th>备件号</th>
					<th>备件数量</th>
					<th>申请理由</th>
					<th>审批状态</th>
					<th>操作</th>
				</tr>
				<tr>
					<td>BJ170428001</td>
					<td>LPS</td>
					<td>R765523K</td>
					<td>4</td>
					<td>正常服务</td>
					<td>待审批</td>
					<td><span class="color-blue">[通过]</span>&nbsp;&nbsp;<span class="color-blue">[不通过]</span></td>
				</tr>
			</table>
			<div style="width: 98%; margin: 0 auto; padding:5px 0px;"><span style="font-size:16px; font-weight: bold;">备件申请2</span>
			</div>
			<table class="ftable">
				<tr>
					<th>备件申请单号</th>
					<th>备件类型</th>
					<th>备件号</th>
					<th>备件数量</th>
					<th>申请理由</th>
					<th>审批状态</th>
					<th>操作</th>
				</tr>
				<tr>
					<td>BJ170428001</td>
					<td>LPS</td>
					<td>R765523K</td>
					<td>1/2</td>
					<td>正常服务</td>
					<td>待审批</td>
					<td><span class="color-blue">[通过]</span>&nbsp;&nbsp;<span class="color-blue">[不通过]</span></td>
				</tr>
				<tr>
					<td colspan="7">
						<table class="ftable1">
							<tr>
								<th>发货状态</th>
								<th>预计到货时间</th>
								<th>实际到货时间</th>
								<th>发货单号</th>
								<th>备件类型</th>
								<th>备件号</th>
								<th>物流</th>
								<th>物流发货时间</th>
							</tr>
							<tr>
								<td>已签收</td>
								<td>2017-02-03 15:00:00</td>
								<td>2017-02-03 10:00:00</td>
								<td>FH1612120001</td>
								<td>LPS</td>
								<td>R765523K</td>
								<td>配思</td>
								<td>2016-12-12 12：00：00</td>
							</tr>
							<tr>
								<td>已签收</td>
								<td>2017-02-03 15:00:00</td>
								<td>2017-02-03 10:00:00</td>
								<td>FH1612120001</td>
								<td>LPS</td>
								<td>R765523K</td>
								<td>配思</td>
								<td>2016-12-12 12：00：00</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
			<div style="width: 98%; margin: 0 auto; padding:5px 0px;"><span style="font-size:16px; font-weight: bold;">到货异常记录</span>
			</div>
			<table class="ftable">
				<tr>
					<th>记录</th>
					<th>外箱是否完好</th>
					<th>引擎防震标签是否变红</th>
					<th>异常照片</th>
					<th>异常描述</th>
				</tr>
				<tr>
					<td>1</td>
					<td>否</td>
					<td>否</td>
					<td>8809.jpg</td>
					<td>R868361FK   损坏</td>
				</tr>
			</table>
		</div>
		<div class="subtitle">
			<p>服务日志</p>
			<table class="ftable">
				<tr>
					<th>操作人</th>
					<th>时间</th>
					<th>描述</th>
				</tr>
				<tr>
					<td>刘XX</td>
					<td>2016-12-10  11:00:00</td>
					<td>HD创建了维修单</td>
				</tr>
			</table>
		</div>
		<div class="subtitle">
			<p>附件列表</p>
			<table class="ftable">
				<tr>
					<th>文件名</th>
					<th>上传时间</th>
					<th>上传人</th>
					<th>操作</th>
				</tr>
				<tr>
					<td>12121.jpg</td>
					<td>2016-12-10  11:00:00</td>
					<td>李成</td>
					<td><span class="color-blue">[通过]</span>&nbsp;&nbsp;<span class="color-blue">[不通过]</span></td>
				</tr>
			</table>
		</div>
	</body>
	<script>
		$(document).ready(function() {
			$('#ct span').click(function() {
				var i = $(this).index();
				$(this).addClass('select').siblings().removeClass('select');
				$('#cl li').eq(i).show().siblings().hide();
			});
			$('#ct1 span').click(function() {
				var i = $(this).index();
				$(this).addClass('select').siblings().removeClass('select');
				$('#cl1 li').eq(i).show().siblings().hide();
			});
		})
	</script>

</html>